<!-- Copyright (c) Maarten van Stam and Eric Legault. All rights reserved. Licensed under the MIT License. -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      http-equiv="Cache-Control"
      content="no-cache, no-store, must-revalidate"
    />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <title>BlazorAddIn</title>

    <base href="/" />

    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
      crossorigin="anonymous"
    ></script>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
      crossorigin="anonymous"
    />
    <link href="css/app.css" rel="stylesheet" />

    <!--NOTE: The OutlookBlazorWasmApp.Client.styles.css file is generated by Blazor to facilitate CSS Isolation Bundling (where you put the .css side by side to the .razor file):
        https://learn.microsoft.com/aspnet/core/blazor/components/css-isolation?view=aspnetcore-6.0#css-isolation-bundling
    -->
    <link href="BlazorAddIn.styles.css" rel="stylesheet" />

    <script
      type="text/javascript"
      src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js"
    ></script>
  </head>

  <body>
    <!-- The following image URL tracks diagnostic data for this sample add-in. Please remove the image tag if you reuse this sample in your own code project. -->
    <img src="https://pnptelemetry.azurewebsites.net/pnp-officeaddins/samples/blazor-add-in/outlook-blazor-add-in-run" />

    <div id="app">
      <div class="main">
        <header class="d-flex align-items-center justify-content-center">
          <img src="./Images/parker-ms.svg" />
          <h1>Blazor Office JS API demo</h1>
        </header>
        <div class="content">
          <div class="container">
            <h2>Loading...</h2>
          </div>
        </div>
      </div>
      <footer class="d-flex align-items-center justify-content-center">
        <div class="row">Copyright © 2024 Maarten van Stam and Eric Legault</div>
        <div class="row">All rights reserved.</div> 
      </footer>
    </div>

    <div id="blazor-error-ui">
      An unhandled error has occurred.
      <a href="" class="reload">Reload</a>
      <a class="dismiss">🗙</a>
    </div>

    <!--The blazor.webassembly.js is also generated by Blazor (like .css files) and will be used for Isolated JS files. See: https://learn.microsoft.com/aspnet/core/blazor/javascript-interoperability/?view=aspnetcore-6.0#inject-a-script-after-blazor-starts. The convention ".lib.module.js" is used by Blazor to be able to find the preload file.-->
    <script src="_framework/blazor.webassembly.js"></script>
  </body>
</html>
